<!doctype html>
<html lang="zh-cn">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
    crossorigin="anonymous">

  <script>

  </script>

  <title>新生Q&A</title>
  <style>
    .card {
      margin: 1em;
    }

    .copy {
      float: right;
    }
  </style>
</head>

<body id="body" style="position: relative;" data-spy="scroll" data-target="#category" data-offset="0">
  <nav id="nav" class="navbar navbar-dark bg-dark">
    <div class="navbar-brand">新生Q&A</div>

    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
      aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav">
        <li class="nav-item active">
          <a class="nav-link" href="#">学科交流群列表 </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="lessons/index.html">2018-2019学年秋季学期开课表</a>
        </li>
      </ul>
    </div>
  </nav>

  <div id="header" class="jumbotron jumbotron-fluid">
    <div class="container">
      <center>
        <h1>新生Q&A</h1>
      </center>
    </div>
  </div>

  <nav id="category" class="navbar navbar-light bg-light">
    <!-- <a class="navbar-brand" href="#">Navbar</a> -->
    <ul class="nav nav-pills">
      <li class="nav-item">
        <a class="cat-link nav-link" href="#time">时间安排</a>
      </li>
      <li class="nav-item">
        <a class="cat-link nav-link" href="#ep">工科平台</a>
      </li>
      <li class="nav-item dropdown">
        <a class="cat-link nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">校园生活</a>
        <div class="dropdown-menu">
          <a class="cat-link dropdown-item" href="#net">网络</a>
          <a class="cat-link dropdown-item" href="#eat">吃饭</a>
          <a class="cat-link dropdown-item" href="#resident">住宿</a>
          <a class="cat-link dropdown-item" href="#traffic">交通</a>
          <a class="cat-link dropdown-item" href="#org">社团和学生组织</a>
          <!-- <div role="separator" class="dropdown-divider"></div> -->
        </div>
      </li>
    </ul>
  </nav>

  <div class="container">
    <div style="margin-top: 2em;">

      <section id="time">
        <h2 class="anchor" data-target="#time">时间安排</h2>

        <div class="card">
          <div class="card-body">
            <h5 class="card-title">教学校历</h5>
            <h6 class="card-subtitle mb-2 text-muted">/xlb</h6>
            <p class="card-text">报到、开学、考试周、寒暑假的时间安排依照教务处公布的教学校历。</p>
            <a href="http://jwc.sjtu.edu.cn/web/sjtu/198001.htm" class="card-link">上海交通大学教务处</a>
            <a href="http://jwc.sjtu.edu.cn/web/sjtu/198109.htm" class="card-link">教学校历</a>
          </div>
        </div>

        <div class="card">
          <div class="card-body">
            <h5 class="card-title">放假调休</h5>
            <h6 class="card-subtitle mb-2 text-muted">/xlb</h6>
            <p class="card-text">国家法定假日放假及调休安排应关注交大官网的通告。通告发出时间一般如下：国庆节、中秋节在秋季学期开学，元旦在秋季学期期末，清明节、劳动节、端午节在春季学期开学。</p>
            <a href="https://www.sjtu.edu.cn/info/1735/71094.htm" target="_blank" class="card-link">2017-2018通告1</a>
            <a href="https://www.sjtu.edu.cn/info/1735/71592.htm" class="card-link">2017-2018通告2</a>
            <a href="https://www.sjtu.edu.cn/info/1736/72094.htm" class="card-link">2017-2018通告3</a>
          </div>
        </div>

      </section>

      <section id="ep">
        <h2 class="anchor" data-target="#ep">工科平台（工科试验班）</h2>

        <div class="card">
          <div class="card-body">
            <h5 class="card-title">流出工试->密院、巴院</h5>
            <h6 class="card-subtitle mb-2 text-muted">/ddl</h6>
            <p class="card-text">交大密西根学院招生答疑、上海交大-巴黎高科卓越工程师学院培养模式</p>
            <a href="http://umji.sjtu.edu.cn/cn/prospective-students/domestic-admission/undergraduate/" class="card-link">【密院】招生答疑</a>
            <a href="http://speit.sjtu.edu.cn/index!list.html?single=1&sideNav=63&colorid=2" class="card-link">【巴院】培养模式</a>
          </div>
        </div>

      </section>


      <section id="life">
        <h2 class="anchor" data-target="#life">校园生活</h2>

        <section id="net">
          <h3 class="anchor" data-target="#net">网络</h3>
        </section>
        <section id="eat">
          <h3 class="anchor" data-target="#eat">吃饭</h3>
        </section>
        <section id="resident">
          <h3 class="anchor" data-target="#resident">住宿</h3>
        </section>
        <section id="traffic">
          <h3 class="anchor" data-target="#traffic">交通</h3>
        </section>
        <section id="org">
          <h3 class="anchor" data-target="#org">社团和学生组织</h3>
        </section>

        <!-- 
      <a class="cat-link dropdown-item" href="#net">网络</a>
      <a class="cat-link dropdown-item" href="#eat">吃饭</a>
      <a class="cat-link dropdown-item" href="#resident">住宿</a>
      <a class="cat-link dropdown-item" href="#traffic">交通</a>
      <a class="cat-link dropdown-item" href="#org">社团和学生组织</a> -->

        <!-- <div class="card">
            <div class="card-body">
              <h5 class="card-title">教学校历</h5>
              <h6 class="card-subtitle mb-2 text-muted">教务处 > 教学校历</h6>
              <p class="card-text">报道、开学、考试周、寒暑假的时间安排依照教务处教学校历。</p>
              <a href="http://jwc.sjtu.edu.cn/web/sjtu/198001.htm" class="card-link">上海交通大学教务处</a>
              <a href="http://jwc.sjtu.edu.cn/web/sjtu/198109.htm" class="card-link">教学校历</a>
            </div>
          </div>
   -->


      </section>



      <div class="jumbotron jumbotron-fluid">
        <div class="container">
          <!-- <div class="row">
        <div class="col"></div>
        <div class="col">
          <img src="./img/logo.png" style="max-height: 30vw; max-width: 150px" alt="">
        </div>
        <div class="col">
          <img src="./img/qrcode.png" style="max-height: 30vw; max-width: 150px" alt="">
        </div>
        <div class="col"></div>
      </div> -->
        </div>
      </div>
      <!-- Optional JavaScript -->
      <!-- jQuery first, then Popper.js, then Bootstrap JS -->
      <!-- <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
    crossorigin="anonymous"></script> -->
      <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
      <script src="index.js"></script>
      <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
      <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>
      <script src="https://cdn.bootcss.com/jquery-scrollTo/2.1.2/jquery.scrollTo.min.js"></script>
</body>

</html>